<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <meta name="format-detection" content="telephone=no" />
        <!-- WARNING: for iOS 7, remove the width=device-width and height=device-height attributes. See https://issues.apache.org/jira/browse/CB-4323
        <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" />
         -->
        <meta name="viewport" content="width=device-width, initial-scale=1">         
       
        <link rel="stylesheet" type="text/css" href="css/jquery/jquery.mobile-1.4.0.css" />
        <link rel="stylesheet" type="text/css" href="css/jquery/jquery.mobile.external-png-1.4.0.css" />
        <link rel="stylesheet" type="text/css" href="css/jquery/jquery.mobile.icons-1.4.0.css" />
        <link rel="stylesheet" type="text/css" href="css/jquery/jquery.mobile.inline-png-1.4.0.css" />
        <link rel="stylesheet" type="text/css" href="css/jquery/jquery.mobile.inline-svg-1.4.0.css" />
        <link rel="stylesheet" type="text/css" href="css/jquery/jquery.mobile.structure-1.4.0.css" />
        <link rel="stylesheet" type="text/css" href="css/jquery/jquery.mobile.theme-1.4.0.css" />
        <link rel="stylesheet" type="text/css" href="css/custom.css" />
         
        <!-- NPI PA Q ES
        <script type="text/javascript" src="js/iscroll.js"></script>   -->
        
        
        <script type="text/javascript" src="js/jquery/jquery-1.9.1.js"></script>
        <script type="text/javascript" src="js/jquery/jquery.mobile-1.4.0.js"></script>   
        <script type="text/javascript" src="cordova.js"></script>
        <!-- 
        <script type="text/javascript" src="plugin/localization.js"></script>	 
         --> 
        <script type="text/javascript" src="js/plugin/spin.min.js"></script> 
         
        
		<script src="js/config.js"></script> 
        <script src="js/quickblox/quickblox.js"></script> 
		<script src="js/jquery/jquery.base64.min.js"></script>
		<script src="js/jquery/jquery.formatDateTime.js"></script>
		<script src="js/jquery/jquery.scrollTo-min.js"></script>
		<script src="js/quickblox/parseUri.js"></script>
           
        <script type="text/javascript" src="js/index.js"></script>
       
       
        <script type="text/javascript" src="js/Utils.js"></script>
        
        <script type="text/javascript" src="js/UtilsUI.js"></script>
        <script type="text/javascript" src="js/constantsUI.js"></script>        
        <script type="text/javascript" src="js/controller/scringoController.js"></script>
        <script type="text/javascript" src="js/controller/QBController.js"></script>
        <script type="text/javascript" src="js/controller/UserProfileController.js"></script>
         
       
         
               
    </head>
    <body>
    <!-- USER PROFILE STARTs -->
     <div data-role="page" id="profileUserPage"  >
		<div data-role="header"  >
			<a href="" data-role="button" class="ui-btn ui-state-disabled"  data-iconpos="left" data-icon="user">Profile</a>		
			<h1>Profile</h1>
			<a href="" data-role="button"  data-iconpos="right"    data-icon="grid">Radar</a>
		</div><!-- /header -->
	
		<div data-role="content" class="ui-content" >	
			<div id="signup_user">
				<div data-role="fieldcontain">
					<!-- <input id="avatar" type="file" size="8" accept="image/*" />
					-->
					    <ul data-role="listview" data-inset="true" id="userPhotoList">
					    	<li>
					    		<div data-role="fieldcontain" id="previewUserPhoto">
					    		 	<img src="images/default_avatar.gif" alt="upload" />
					    		</div>
					    		<div data-role="fieldcontain">
					    			<span class="ui-btn ui-icon-plus ui-btn-icon-left ui-corner-all fileinput-button">
									    <span>Update Photo</span>
									    <input type="file"  id="updateUserPhoto"  name="image" data-role="none" accept="image/*" >
									 </span>
 					    		</div>	
					    	</li>
		                </ul>						
				 				
				</div>
				<div data-role="fieldcontain" >
					<label for="email">E-mail:</label>
					<input type="text" name="email" id="email" disabled  value="" placeholder="E-mail"/>
				</div>				 
				<div data-role="fieldcontain"  >
					<label for="password">Password:</label>
					<input type="password" name="password" id="password" value="" placeholder="Password"/>
				</div>
				<div data-role="fieldcontain" >
					<label for="status">Status:</label>
					<input type="text" name="status" id="status" value="" placeholder="What are you thinking?"/>
				</div>
				
				<a href="" id="updateUserProfileButton"   data-role="button" >Update</a>	        
				 
			</div>	


		</div><!-- /content -->
	
		<div data-role="footer" data-position="fixed">
			 
		</div><!-- /footer -->
	</div>
   <!-- USER PROFILE ENDs -->
         
         
          
         
         
        <script type="text/javascript">
            app.initialize();
        </script>
    </body>
       
   
</html>
